<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"  language="java" %>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@ taglib uri="/tags/struts-logic" prefix="logic" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html locale="true">
<head>
</head>
<c:set var="encuesta" value="${requestScope.encuesta}"></c:set>
<c:set var="idProceso" value="${requestScope.idProceso}"/>
<body>
<html:form action="/Proceso" name="procesoForm" styleId="procesoForm" type="com.epcs.subGNuevosNegocios.eci.struts.form.ProcesoForm">
<input type="hidden" id="dispatch" name="dispatch" value=""/>
<input type="hidden" id="hdnNivel" name="hdnNivel" value="1"/>
<input type="hidden" id="idProceso" name="idProceso" value="<c:out value="${idProceso}"></c:out>"/>
<input type="hidden" id="idProcesoToPA" name="idProcesoToPA" value="">
<input type="hidden" id="hdnRut" name="hdnRut" value="${requestScope.idProceso}"/>
<input type="hidden" name="encuesta" value="${requestScope.encuesta}"/>
<input type="hidden" id="controllers" name="controllers" value="${procesoForm.lstControllers}"/>
<table border="0" width="100%">
	<thead class="csstextreadonlyr">Mantenedor de Controllers</thead>
</table>
<hr>
<table>
	<tr>
		<td><c:out value="${error}" escapeXml="false"/> </td>
	</tr>
</table>
<br>
<table width="100%">
	<thead class="csstextreadonlyl">Modificaci&oacute;n de Controllers</thead>
</table>
<table width="50%">
	<tr><td>&nbsp;</td></tr>
	<tr><td colspan="2">Buscar en:&nbsp;</td></tr>
	<tr align="right">
		<td><input class="cssbutton100" type="button" value="Buscar en árbol" id="launchTree"/></td>
		<td><input class="cssbutton100" type="button" value="Proceso Anterior" id="launchProcess" onclick="cargaProcesosAnterioresToController()"/></td>
	</tr>
</table><br/>
<br/>
<hr/>
<table width="100%" id="tblArbolAreas" style="display: none;">
	<tr><td>
				<h1 class="csstextreadonlyr"><img alt="" src="../image/uploading.gif" id="treeUploadImg">Arbol de jerarquia</h1></td>
		<td>
				<h1 class="csstextreadonlyr"><img alt="" src="../image/uploading.gif" id="viewUploadImg">Empleados</h1> </td></tr>
	<tr>
		<td> <input type="text" name="txtBuscador" id="txtBuscador" size="100" /></td>
		<td> Buscar:&nbsp;
			<input type="button" class="cssbutton100" value="Area" id="btnBuscadorArea" disabled="disabled" onclick="obtenerAreasBuscador();"/>&nbsp;&nbsp;&nbsp;
			<input type="button" class="cssbutton100" value="Empleado" id="btnBuscadorEmpleado" disabled="disabled" onclick="obtenerEmpleadosBuscadorNivel1();"/>&nbsp;&nbsp;&nbsp;
			<input type="button" class="cssbutton100" value="Mostrar árbol" id="launchTreeb"/>
		</td>
	</tr>
	<tr><td colspan="2"><hr/></td></tr>
	<tr id="trArbol">
		<td width="50%">
			
				<div id="tree_section" >
				<div id="tree-pannel" class="scrollv">
				<ul id="tree-h">
					<!-- <li srcid="00000000"><div id="roottest">Raiz</div>
					<ul></ul>
					</li> -->
				</ul>
				</div>
				</div>
			</td>
		<td width="50%"><div  id="divAreas" class="scrollv"></div></td>
	</tr>
	<tr id="trBuscadorArea" style="display: none;">
		<td width="50%"><div  id="divAreasBusqueda" class="scrollv"></div></td>
		<td width="50%"><div  id="divEmpleadosBusquedaArea" class="scrollv"></div></td>
	</tr>
	<tr id="trBuscadorEmpleado" style="display: none;">
		<td colspan="2" width="95%"><div  id="divEmpleadosBusqueda" class="scrollv"></div></td>
	</tr>
	<tr id="trButtonSelect2" style="display: none">
		<td align="right"><input class="cssbutton150" id="btnSelectVP" type="button" value="Seleccionar Area" onclick="guardaAreaVP()"/> </td>
		<td align="right"><input class="cssbutton" id="btnSelectController" type="button" disabled="disabled" value="Seleccionar como controller" onclick="guardaControllerArbol()"/> </td>
	</tr>
	<tr id="trLblAreaSelect" style="display: none">
		<td>Ha seleccionado el area <label id="lblNombreAreaSeleccionada" class="csstextreadonlyr"></label><input type="hidden" id="hdnAreaSeleccionada" value=""/></td>
		<td align="left"><input class="cssbutton150" type="button" value="Cancelar Selección" onclick="cancelaSeleccion()"/> </td>
	</tr>
</table>
<table width="100%" id="tblProcesoAnterior" style="display: none;">
	<tr>
		<td width="50%"><div  id="divProcesosAnteriores" class="scrollv"></div></td>
		<td width="50%"><div  id="divControllers" class="scrollv"></div></td>
	</tr>
	<tr id="trButtonSelect" style="display: none">
		<td colspan="2" align="right"><input class="cssbutton100" type="button" value="Seleccionar" onclick="guardaSeleccionController()"/> </td>
	</tr>
</table>
<br>
<br>
<hr>
<table width="70%" id="tblcontrollersOld">
	<thead class="csstextreadonlyl">Controllers que ya participan en el proceso</thead>
	<tr>
		<td class="csstextr">VP/Gerencia</td>
		<td width="30%" class="csstextr">Controller</td>
		<td width="15%" class="csstextr">Eliminar</td>
	</tr>
	<c:if test="${encuesta.lstControllers!=null}">
	 <c:forEach items="${encuesta.lstControllers}" var="controller">
		<tr id="<c:out value="${controller.rut}"/>">
			<td class='csstextr2'><c:out value="${controller.areaACargo}"/></td>
			<td class='csstextr2'><c:out value="${controller.nombre}"/></td>
			<td class='csstextr2'><img alt='Eliminar' src='../image/delete.png' onclick="eliminarController('<c:out value="${controller.rut}"/>')"></td>
		</tr>
	 </c:forEach>
	</c:if>
</table>
<br>
<table width="70%" id="tblcontrollers">
	<thead class="csstextreadonlyl">Controllers a Guardar</thead>
	<tr>
		<td class="csstextr">VP/Gerencia</td>
		<td width="30%" class="csstextr">Controller</td>
		<td width="15%" class="csstextr">Eliminar</td>
	</tr>
</table>

<br>

<table>
	<tr>
		<td><input type="button" class="cssbutton" value="Volver" onclick="volverVerProceso()"/></td>
		<td><input type="button" class="cssbutton" value="Guardar" onclick="saveControllerMantenedor()"/></td>
	</tr>
</table>


</html:form>
</body>
</html:html>
